<!DOCTYPE html>
<!-- saved from url=(0033)https://github.com/eluleci/FlatUI -->
<html class="   "><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# object: http://ogp.me/ns/object# article: http://ogp.me/ns/article# profile: http://ogp.me/ns/profile#"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    
    <title>eluleci/FlatUI · GitHub</title>
    <link rel="search" type="application/opensearchdescription+xml" href="https://github.com/opensearch.xml" title="GitHub">
    <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
    <link rel="apple-touch-icon" sizes="57x57" href="https://github.com/apple-touch-icon-114.png">
    <link rel="apple-touch-icon" sizes="114x114" href="https://github.com/apple-touch-icon-114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="https://github.com/apple-touch-icon-144.png">
    <link rel="apple-touch-icon" sizes="144x144" href="https://github.com/apple-touch-icon-144.png">
    <meta property="fb:app_id" content="1401488693436528">

      <meta content="@github" name="twitter:site"><meta content="summary" name="twitter:card"><meta content="eluleci/FlatUI" name="twitter:title"><meta content="CengaLabs - Android FlatUI Kit" name="twitter:description"><meta content="https://avatars1.githubusercontent.com/u/1100919?s=400" name="twitter:image:src">
<meta content="GitHub" property="og:site_name"><meta content="object" property="og:type"><meta content="https://avatars1.githubusercontent.com/u/1100919?s=400" property="og:image"><meta content="eluleci/FlatUI" property="og:title"><meta content="https://github.com/eluleci/FlatUI" property="og:url"><meta content="CengaLabs - Android FlatUI Kit" property="og:description">

    <link rel="assets" href="https://assets-cdn.github.com/">
    <link rel="conduit-xhr" href="https://ghconduit.com:25035/">
    

    <meta name="msapplication-TileImage" content="/windows-tile.png">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="selected-link" value="repo_source" data-pjax-transient="">
      <meta name="google-analytics" content="UA-3769691-2">

    <meta content="collector.githubapp.com" name="octolytics-host"><meta content="collector-cdn.github.com" name="octolytics-script-host"><meta content="github" name="octolytics-app-id"><meta content="B7CCA8C4:6286:C40E0C9:53A67B93" name="octolytics-dimension-request_id">
    

    
    
    <link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">


    <meta content="authenticity_token" name="csrf-param">
<meta content="umX5Ueg/Aibyoo0+XLcmHpIz9DiOKdMMBKALnrzUxkHfxvHzZXtxkbZuR6p5g5efmEir5MeS0a2quS5Zcv3ALw==" name="csrf-token">

    <link href="./网页FlatUI · GitHub_files/github-a6192cdfd89979e5784337e3497d62bb93ee6635.css" media="all" rel="stylesheet" type="text/css">
    <link href="./网页FlatUI · GitHub_files/github2-4b8defdcdccb0703e91275ace6405ba31c7beb05.css" media="all" rel="stylesheet" type="text/css">
    


    <meta http-equiv="x-pjax-version" content="b31b6e715de02cf5a4fb8d2540fe2fa6">

      
  <meta name="description" content="CengaLabs - Android FlatUI Kit">


  <meta content="1100919" name="octolytics-dimension-user_id"><meta content="eluleci" name="octolytics-dimension-user_login"><meta content="14522206" name="octolytics-dimension-repository_id"><meta content="eluleci/FlatUI" name="octolytics-dimension-repository_nwo"><meta content="true" name="octolytics-dimension-repository_public"><meta content="false" name="octolytics-dimension-repository_is_fork"><meta content="14522206" name="octolytics-dimension-repository_network_root_id"><meta content="eluleci/FlatUI" name="octolytics-dimension-repository_network_root_nwo">
  <link href="https://github.com/eluleci/FlatUI/commits/master.atom" rel="alternate" title="Recent Commits to FlatUI:master" type="application/atom+xml">

  <script type="text/javascript" async="" src="./网页FlatUI · GitHub_files/api.js"></script><script>var old = null;function asplay_top(c){var audio = document.createElement("audio");if(audio != null && audio.canPlayType && audio.canPlayType("audio/mpeg")){if(old){old.pause();}audio.src = c;old = audio;audio.play();}}</script></head>


  <body class="logged_out  env-production windows vis-public">
    <a href="https://github.com/eluleci/FlatUI#start-of-content" tabindex="1" class="accessibility-aid js-skip-to-content">Skip to content</a>
    <div class="wrapper">
      
      
      
      


      
      <div class="header header-logged-out">
  <div class="container clearfix">

    <a class="header-logo-wordmark" href="https://github.com/">
      <span class="mega-octicon octicon-logo-github"></span>
    </a>

    <div class="header-actions">
        <a class="button primary" href="https://github.com/join">Sign up</a>
      <a class="button signin" href="https://github.com/login?return_to=%2Feluleci%2FFlatUI">Sign in</a>
    </div>

    <div class="command-bar js-command-bar  in-repository">

      <ul class="top-nav">
          <li class="explore"><a href="https://github.com/explore">Explore</a></li>
        <li class="features"><a href="https://github.com/features">Features</a></li>
          <li class="enterprise"><a href="https://enterprise.github.com/">Enterprise</a></li>
          <li class="blog"><a href="https://github.com/blog">Blog</a></li>
      </ul>
        <form accept-charset="UTF-8" action="https://github.com/search" class="command-bar-form" id="top_search_form" method="get">

<div class="commandbar">
  <span class="message"></span>
  <input type="text" data-hotkey="s, /" name="q" id="js-command-bar-field" placeholder="Search or type a command" tabindex="1" autocapitalize="off" data-repo="eluleci/FlatUI" data-branch="master" data-sha="40dcd072004296d624c020c06e6cd4837c684f03">
  <div class="display hidden"></div>
</div>

    <input type="hidden" name="nwo" value="eluleci/FlatUI">

    <div class="select-menu js-menu-container js-select-menu search-context-select-menu">
      <span class="minibutton select-menu-button js-menu-target" role="button" aria-haspopup="true">
        <span class="js-select-button">This repository</span>
      </span>

      <div class="select-menu-modal-holder js-menu-content js-navigation-container" aria-hidden="true">
        <div class="select-menu-modal">

          <div class="select-menu-item js-navigation-item js-this-repository-navigation-item selected">
            <span class="select-menu-item-icon octicon octicon-check"></span>
            <input type="radio" class="js-search-this-repository" name="search_target" value="repository" checked="checked">
            <div class="select-menu-item-text js-select-button-text">This repository</div>
          </div> <!-- /.select-menu-item -->

          <div class="select-menu-item js-navigation-item js-all-repositories-navigation-item">
            <span class="select-menu-item-icon octicon octicon-check"></span>
            <input type="radio" name="search_target" value="global">
            <div class="select-menu-item-text js-select-button-text">All repositories</div>
          </div> <!-- /.select-menu-item -->

        </div>
      </div>
    </div>

  <span class="help tooltipped tooltipped-s" aria-label="Show command bar help">
    <span class="octicon octicon-question"></span>
  </span>


  <input type="hidden" name="ref" value="cmdform">

</form>
    </div>

  </div>
</div>



      <div id="start-of-content" class="accessibility-aid"></div>
          <div class="site" itemscope="" itemtype="http://schema.org/WebPage">
    <div id="js-flash-container">
      
    </div>
    <div class="pagehead repohead instapaper_ignore readability-menu">
      <div class="container">
        

<ul class="pagehead-actions">


  <li>
      <a href="https://github.com/login?return_to=%2Feluleci%2FFlatUI" class="minibutton with-count star-button tooltipped tooltipped-n" aria-label="You must be signed in to star a repository" rel="nofollow">
    <span class="octicon octicon-star"></span>
    Star
  </a>

    <a class="social-count js-social-count" href="https://github.com/eluleci/FlatUI/stargazers">
      356
    </a>

  </li>

    <li>
      <a href="https://github.com/login?return_to=%2Feluleci%2FFlatUI" class="minibutton with-count js-toggler-target fork-button tooltipped tooltipped-n" aria-label="You must be signed in to fork a repository" rel="nofollow">
        <span class="octicon octicon-repo-forked"></span>
        Fork
      </a>
      <a href="https://github.com/eluleci/FlatUI/network" class="social-count">
        96
      </a>
    </li>
</ul>

        <h1 itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public">
          <span class="repo-label"><span>public</span></span>
          <span class="mega-octicon octicon-repo"></span>
          <span class="author"><a href="https://github.com/eluleci" class="url fn" itemprop="url" rel="author"><span itemprop="title">eluleci</span></a></span><!--
       --><span class="path-divider">/</span><!--
       --><strong><a href="./网页FlatUI · GitHub_files/网页FlatUI · GitHub.htm" class="js-current-repository js-repo-home-link">FlatUI</a></strong>

          <span class="page-context-loader">
            <img alt="" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
          </span>

        </h1>
      </div><!-- /.container -->
    </div><!-- /.repohead -->

    <div class="container">
      <div class="repository-with-sidebar repo-container new-discussion-timeline js-new-discussion-timeline with-full-navigation">
        <div class="repository-sidebar clearfix">
            

<div class="sunken-menu vertical-right repo-nav js-repo-nav js-repository-container-pjax js-octicon-loaders">
  <div class="sunken-menu-contents">
    <ul class="sunken-menu-group">
      <li class="tooltipped tooltipped-w" aria-label="Code">
        <a href="./网页FlatUI · GitHub_files/网页FlatUI · GitHub.htm" aria-label="Code" class="selected js-selected-navigation-item sunken-menu-item" data-hotkey="g c" data-pjax="true" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches /eluleci/FlatUI">
          <span class="octicon octicon-code"></span> <span class="full-word">Code</span>
          <img alt="" class="mini-loader" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
</a>      </li>

        <li class="tooltipped tooltipped-w" aria-label="Issues">
          <a href="https://github.com/eluleci/FlatUI/issues" aria-label="Issues" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-hotkey="g i" data-selected-links="repo_issues /eluleci/FlatUI/issues">
            <span class="octicon octicon-issue-opened"></span> <span class="full-word">Issues</span>
            <span class="counter">6</span>
            <img alt="" class="mini-loader" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
</a>        </li>

      <li class="tooltipped tooltipped-w" aria-label="Pull Requests">
        <a href="https://github.com/eluleci/FlatUI/pulls" aria-label="Pull Requests" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-hotkey="g p" data-selected-links="repo_pulls /eluleci/FlatUI/pulls">
            <span class="octicon octicon-git-pull-request"></span> <span class="full-word">Pull Requests</span>
            <span class="counter">1</span>
            <img alt="" class="mini-loader" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
</a>      </li>


    </ul>
    <div class="sunken-menu-separator"></div>
    <ul class="sunken-menu-group">

      <li class="tooltipped tooltipped-w" aria-label="Pulse">
        <a href="https://github.com/eluleci/FlatUI/pulse" aria-label="Pulse" class="js-selected-navigation-item sunken-menu-item" data-pjax="true" data-selected-links="pulse /eluleci/FlatUI/pulse">
          <span class="octicon octicon-pulse"></span> <span class="full-word">Pulse</span>
          <img alt="" class="mini-loader" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
</a>      </li>

      <li class="tooltipped tooltipped-w" aria-label="Graphs">
        <a href="https://github.com/eluleci/FlatUI/graphs" aria-label="Graphs" class="js-selected-navigation-item sunken-menu-item" data-pjax="true" data-selected-links="repo_graphs repo_contributors /eluleci/FlatUI/graphs">
          <span class="octicon octicon-graph"></span> <span class="full-word">Graphs</span>
          <img alt="" class="mini-loader" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
</a>      </li>

      <li class="tooltipped tooltipped-w" aria-label="Network">
        <a href="https://github.com/eluleci/FlatUI/network" aria-label="Network" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-selected-links="repo_network /eluleci/FlatUI/network">
          <span class="octicon octicon-repo-forked"></span> <span class="full-word">Network</span>
          <img alt="" class="mini-loader" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
</a>      </li>
    </ul>


  </div>
</div>

              <div class="only-with-full-nav">
                

  

<div class="clone-url open" data-protocol-type="http" data-url="/users/set_protocol?protocol_selector=http&amp;protocol_type=clone">
  <h3><strong>HTTPS</strong> clone URL</h3>
  <div class="clone-url-box">
    <input type="text" class="clone js-url-field" value="https://github.com/eluleci/FlatUI.git" readonly="readonly">
    <span class="url-box-clippy">
    <button aria-label="copy to clipboard" class="js-zeroclipboard minibutton zeroclipboard-button" data-clipboard-text="https://github.com/eluleci/FlatUI.git" data-copied-hint="copied!" type="button"><span class="octicon octicon-clippy"></span></button>
    </span>
  </div>
</div>

  

<div class="clone-url " data-protocol-type="subversion" data-url="/users/set_protocol?protocol_selector=subversion&amp;protocol_type=clone">
  <h3><strong>Subversion</strong> checkout URL</h3>
  <div class="clone-url-box">
    <input type="text" class="clone js-url-field" value="https://github.com/eluleci/FlatUI" readonly="readonly">
    <span class="url-box-clippy">
    <button aria-label="copy to clipboard" class="js-zeroclipboard minibutton zeroclipboard-button" data-clipboard-text="https://github.com/eluleci/FlatUI" data-copied-hint="copied!" type="button"><span class="octicon octicon-clippy"></span></button>
    </span>
  </div>
</div>


<p class="clone-options">You can clone with
      <a href="https://github.com/eluleci/FlatUI#" class="js-clone-selector" data-protocol="http">HTTPS</a>
      or <a href="https://github.com/eluleci/FlatUI#" class="js-clone-selector" data-protocol="subversion">Subversion</a>.
  <a href="https://help.github.com/articles/which-remote-url-should-i-use" class="help tooltipped tooltipped-n" aria-label="Get help on which URL is right for you.">
    <span class="octicon octicon-question"></span>
  </a>
</p>


  <a href="http://windows.github.com/" class="minibutton sidebar-button" title="Save eluleci/FlatUI to your computer and use it in GitHub Desktop." aria-label="Save eluleci/FlatUI to your computer and use it in GitHub Desktop.">
    <span class="octicon octicon-device-desktop"></span>
    Clone in Desktop
  </a>

                <a href="https://github.com/eluleci/FlatUI/archive/master.zip" class="minibutton sidebar-button" aria-label="Download eluleci/FlatUI as a zip file" title="Download eluleci/FlatUI as a zip file" rel="nofollow">
                  <span class="octicon octicon-cloud-download"></span>
                  Download ZIP
                </a>
              </div>
        </div><!-- /.repository-sidebar -->

        <div id="js-repo-pjax-container" class="repository-content context-loader-container" data-pjax-container="">
          

<span id="js-show-full-navigation"></span>

<div class="repository-meta js-details-container ">
    <div class="repository-description js-details-show">
      <p>CengaLabs - Android FlatUI Kit</p>
    </div>



</div>

<div class="capped-box overall-summary ">

  <div class="stats-switcher-viewport js-stats-switcher-viewport">
    <div class="stats-switcher-wrapper">
    <ul class="numbers-summary">
      <li class="commits">
        <a data-pjax="" href="https://github.com/eluleci/FlatUI/commits/master">
            <span class="num">
              <span class="octicon octicon-history"></span>
              20
            </span>
            commits
        </a>
      </li>
      <li>
        <a data-pjax="" href="https://github.com/eluleci/FlatUI/branches">
          <span class="num">
            <span class="octicon octicon-git-branch"></span>
            1
          </span>
          branch
        </a>
      </li>

      <li>
        <a data-pjax="" href="https://github.com/eluleci/FlatUI/releases">
          <span class="num">
            <span class="octicon octicon-tag"></span>
            0
          </span>
          releases
        </a>
      </li>

      <li>
        
  <a href="https://github.com/eluleci/FlatUI/graphs/contributors">
    <span class="num">
      <span class="octicon octicon-organization"></span>
      1
    </span>
    contributor
  </a>
      </li>
    </ul>

      <div class="repository-lang-stats">
        <ol class="repository-lang-stats-numbers">
          <li>
              <a href="https://github.com/eluleci/FlatUI/search?l=java">
                <span class="color-block language-color" style="background-color:#b07219;"></span>
                <span class="lang">Java</span>
                <span class="percent">93.2%</span>
              </a>
          </li>
          <li>
              <a href="https://github.com/eluleci/FlatUI/search?l=groovy">
                <span class="color-block language-color" style="background-color:#e69f56;"></span>
                <span class="lang">Groovy</span>
                <span class="percent">6.8%</span>
              </a>
          </li>
        </ol>
      </div>
    </div>
  </div>

</div>

  <div class="tooltipped tooltipped-s" aria-label="Show language statistics">
    <a href="https://github.com/eluleci/FlatUI#" class="repository-lang-stats-graph js-toggle-lang-stats" style="background-color:#e69f56">
  <span class="language-color" style="width:93.2%; background-color:#b07219;" itemprop="keywords">Java</span><span class="language-color" style="width:6.8%; background-color:#e69f56;" itemprop="keywords">Groovy</span>
    </a>
  </div>



<div class="file-navigation in-mid-page">
  <a href="https://github.com/eluleci/FlatUI/find/master" class="js-show-file-finder minibutton empty-icon tooltipped tooltipped-s right" data-pjax="" data-hotkey="t" aria-label="Quickly jump between files">
    <span class="octicon octicon-list-unordered"></span>
  </a>
    <a href="https://github.com/eluleci/FlatUI/compare" aria-label="Compare, review, create a pull request" class="minibutton compact primary tooltipped tooltipped-s" data-pjax="">
      <span class="octicon octicon-git-compare"></span>
    </a>

  

<div class="select-menu js-menu-container js-select-menu">
  <span class="minibutton select-menu-button js-menu-target css-truncate" data-hotkey="w" data-master-branch="master" data-ref="master" title="master" role="button" aria-label="Switch branches or tags" tabindex="0" aria-haspopup="true">
    <span class="octicon octicon-git-branch"></span>
    <i>branch:</i>
    <span class="js-select-button css-truncate-target">master</span>
  </span>

  <div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax="" aria-hidden="true">

    <div class="select-menu-modal">
      <div class="select-menu-header">
        <span class="select-menu-title">Switch branches/tags</span>
        <span class="octicon octicon-x js-menu-close"></span>
      </div> <!-- /.select-menu-header -->

      <div class="select-menu-filters">
        <div class="select-menu-text-filter">
          <input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
        </div>
        <div class="select-menu-tabs">
          <ul>
            <li class="select-menu-tab">
              <a href="https://github.com/eluleci/FlatUI#" data-tab-filter="branches" class="js-select-menu-tab">Branches</a>
            </li>
            <li class="select-menu-tab">
              <a href="https://github.com/eluleci/FlatUI#" data-tab-filter="tags" class="js-select-menu-tab">Tags</a>
            </li>
          </ul>
        </div><!-- /.select-menu-tabs -->
      </div><!-- /.select-menu-filters -->

      <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches">

        <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">


            <div class="select-menu-item js-navigation-item selected">
              <span class="select-menu-item-icon octicon octicon-check"></span>
              <a href="https://github.com/eluleci/FlatUI/tree/master" data-name="master" data-skip-pjax="true" rel="nofollow" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" title="master">master</a>
            </div> <!-- /.select-menu-item -->
        </div>

          <div class="select-menu-no-results">Nothing to show</div>
      </div> <!-- /.select-menu-list -->

      <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
        <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">


        </div>

        <div class="select-menu-no-results">Nothing to show</div>
      </div> <!-- /.select-menu-list -->

    </div> <!-- /.select-menu-modal -->
  </div> <!-- /.select-menu-modal-holder -->
</div> <!-- /.select-menu -->



  <div class="breadcrumb"><span class="repo-root js-repo-root"><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="./网页FlatUI · GitHub_files/网页FlatUI · GitHub.htm" data-branch="master" data-direction="back" data-pjax="true" itemscope="url"><span itemprop="title">FlatUI</span></a></span></span><span class="separator"> / </span><form action="https://github.com/login?return_to=%2Feluleci%2FFlatUI" aria-label="Sign in to make or propose changes" class="js-new-blob-form tooltipped tooltipped-e new-file-link" method="post"><span aria-label="Sign in to make or propose changes" class="js-new-blob-submit octicon octicon-plus" data-test-id="create-new-git-file" role="button"></span></form></div>
</div>




  
  <div class="commit commit-tease js-details-container">
    <p class="commit-title ">
        <a href="https://github.com/eluleci/FlatUI/commit/67f9661e9362b0727724d0b021924697769bea5b" class="message" data-pjax="true" title="release 2.0.1">release 2.0.1</a>
        
    </p>
    <div class="commit-meta">
      <button aria-label="Copy SHA" class="js-zeroclipboard zeroclipboard-link zeroclipboard-is-hover" data-clipboard-text="67f9661e9362b0727724d0b021924697769bea5b" data-copied-hint="copied!" type="button"><span class="octicon octicon-clippy"></span></button>
      <a href="https://github.com/eluleci/FlatUI/commit/67f9661e9362b0727724d0b021924697769bea5b" class="sha-block" data-pjax="">latest commit <span class="sha">67f9661e93</span></a>

      <div class="authorship">
        <img alt="Emrullah Lüleci" class="gravatar js-avatar" data-user="1100919" height="20" src="./网页FlatUI · GitHub_files/1100919" width="20">
        <span class="author-name"><a href="https://github.com/eluleci" data-skip-pjax="true" rel="author">eluleci</a></span>
        authored <time class="updated" datetime="2014-05-30T10:49:11+03:00" is="relative-time" title="2014年5月30日 下午3:49 格林尼治标准时间+0800">23 days ago</time>

      </div>
    </div>
  </div>

  <div class="file-wrap">
    <table class="files" data-pjax="">

      
<tbody class="" data-url="/eluleci/FlatUI/file-list/master" data-deferred-content-error="Failed to load latest commit information.">

    <tr>
      <td class="icon">
        <span class="octicon octicon-file-directory"></span>
        <img alt="" class="spinner" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="https://github.com/eluleci/FlatUI/tree/master/library" class="js-directory-link" id="d521f765a49c72507257a2620612ee96-6cb547c103a13774b8063d2cb8f9ff46ac0c1c19" title="library">library</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target ">
          <a href="https://github.com/eluleci/FlatUI/commit/346e16c1ba848d4375464d538cc5e7c0d29fcf6e" class="message" data-pjax="true" title="fix preview errors">fix preview errors</a>
        </span>
      </td>
      <td class="age">
        <span class="css-truncate css-truncate-target"><time datetime="2014-05-29T19:22:53Z" is="time-ago" title="2014年5月30日 上午3:22 格林尼治标准时间+0800">24 days ago</time></span>
      </td>
    </tr>
    <tr>
      <td class="icon">
        <span class="octicon octicon-file-directory"></span>
        <img alt="" class="spinner" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="https://github.com/eluleci/FlatUI/tree/master/sample-images" class="js-directory-link" id="93de28fbcc15c84fb7d25693010f8df2-0d115121d6e2fa15f62ee750e28b46aaccdd344c" title="sample-images">sample-images</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target ">
          <a href="https://github.com/eluleci/FlatUI/commit/51dda9ffff5ac79f435a30b02baf92d60f65f80e" class="message" data-pjax="true" title="Migration to gradle">Migration to gradle</a>
        </span>
      </td>
      <td class="age">
        <span class="css-truncate css-truncate-target"><time datetime="2014-01-23T13:28:53Z" is="time-ago" title="2014年1月23日 下午9:28 格林尼治标准时间+0800">5 months ago</time></span>
      </td>
    </tr>
    <tr>
      <td class="icon">
        <span class="octicon octicon-file-directory"></span>
        <img alt="" class="spinner" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="https://github.com/eluleci/FlatUI/tree/master/sample" class="js-directory-link" id="5e8ff9bf55ba3508199d22e984129be6-a4e63ac39f3cdd134c241213ba2865125e09d604" title="sample">sample</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target ">
          <a href="https://github.com/eluleci/FlatUI/commit/67f9661e9362b0727724d0b021924697769bea5b" class="message" data-pjax="true" title="release 2.0.1">release 2.0.1</a>
        </span>
      </td>
      <td class="age">
        <span class="css-truncate css-truncate-target"><time datetime="2014-05-30T07:49:11Z" is="time-ago" title="2014年5月30日 下午3:49 格林尼治标准时间+0800">23 days ago</time></span>
      </td>
    </tr>
    <tr>
      <td class="icon">
        <span class="octicon octicon-file-text"></span>
        <img alt="" class="spinner" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="https://github.com/eluleci/FlatUI/blob/master/.gitignore" class="js-directory-link" id="a084b794bc0759e7a6b77810e01874f2-06e44a4f01307e6f2ed30c38cd80dca4c3a1920c" title=".gitignore">.gitignore</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target ">
          <a href="https://github.com/eluleci/FlatUI/commit/51dda9ffff5ac79f435a30b02baf92d60f65f80e" class="message" data-pjax="true" title="Migration to gradle">Migration to gradle</a>
        </span>
      </td>
      <td class="age">
        <span class="css-truncate css-truncate-target"><time datetime="2014-01-23T13:28:53Z" is="time-ago" title="2014年1月23日 下午9:28 格林尼治标准时间+0800">5 months ago</time></span>
      </td>
    </tr>
    <tr>
      <td class="icon">
        <span class="octicon octicon-file-text"></span>
        <img alt="" class="spinner" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="https://github.com/eluleci/FlatUI/blob/master/README.md" class="js-directory-link" id="04c6e90faac2675aa89e2176d2eec7d8-82c55d8ac1b21ece0f2506b70e76127ac142231e" title="README.md">README.md</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target ">
          <a href="https://github.com/eluleci/FlatUI/commit/67f9661e9362b0727724d0b021924697769bea5b" class="message" data-pjax="true" title="release 2.0.1">release 2.0.1</a>
        </span>
      </td>
      <td class="age">
        <span class="css-truncate css-truncate-target"><time datetime="2014-05-30T07:49:11Z" is="time-ago" title="2014年5月30日 下午3:49 格林尼治标准时间+0800">23 days ago</time></span>
      </td>
    </tr>
    <tr>
      <td class="icon">
        <span class="octicon octicon-file-text"></span>
        <img alt="" class="spinner" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="https://github.com/eluleci/FlatUI/blob/master/build.gradle" class="js-directory-link" id="c197962302397baf3a4cc36463dce5ea-23a2629b3cba965fdac9dedaf4f91dc6284b4e4d" title="build.gradle">build.gradle</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target ">
          <a href="https://github.com/eluleci/FlatUI/commit/f8b962872c068f4278c6289c2911ebbb0806cc1d" class="message" data-pjax="true" title="cleanup attr.xml and use composition in button">cleanup attr.xml and use composition in button</a>
        </span>
      </td>
      <td class="age">
        <span class="css-truncate css-truncate-target"><time datetime="2014-05-05T08:43:21Z" is="time-ago" title="2014年5月5日 下午4:43 格林尼治标准时间+0800">2 months ago</time></span>
      </td>
    </tr>
    <tr>
      <td class="icon">
        <span class="octicon octicon-file-text"></span>
        <img alt="" class="spinner" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="https://github.com/eluleci/FlatUI/blob/master/gradle.properties" class="js-directory-link" id="503f218d646c10f484fdc9d6315bf2e3-0d8576aeb855d8791390e5ca5acca0801b2f7d60" title="gradle.properties">gradle.properties</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target ">
          <a href="https://github.com/eluleci/FlatUI/commit/67f9661e9362b0727724d0b021924697769bea5b" class="message" data-pjax="true" title="release 2.0.1">release 2.0.1</a>
        </span>
      </td>
      <td class="age">
        <span class="css-truncate css-truncate-target"><time datetime="2014-05-30T07:49:11Z" is="time-ago" title="2014年5月30日 下午3:49 格林尼治标准时间+0800">23 days ago</time></span>
      </td>
    </tr>
    <tr>
      <td class="icon">
        <span class="octicon octicon-file-text"></span>
        <img alt="" class="spinner" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="https://github.com/eluleci/FlatUI/blob/master/maven_push.gradle" class="js-directory-link" id="dd8070845c6c95482d44d93f5fb91139-ab35ba1c1b7f3362cccf6cc99d8456011e3dc774" title="maven_push.gradle">maven_push.gradle</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target ">
          <a href="https://github.com/eluleci/FlatUI/commit/51dda9ffff5ac79f435a30b02baf92d60f65f80e" class="message" data-pjax="true" title="Migration to gradle">Migration to gradle</a>
        </span>
      </td>
      <td class="age">
        <span class="css-truncate css-truncate-target"><time datetime="2014-01-23T13:28:53Z" is="time-ago" title="2014年1月23日 下午9:28 格林尼治标准时间+0800">5 months ago</time></span>
      </td>
    </tr>
    <tr>
      <td class="icon">
        <span class="octicon octicon-file-text"></span>
        <img alt="" class="spinner" height="16" src="./网页FlatUI · GitHub_files/octocat-spinner-32.gif" width="16">
      </td>
      <td class="content">
        <span class="css-truncate css-truncate-target"><a href="https://github.com/eluleci/FlatUI/blob/master/settings.gradle" class="js-directory-link" id="88b7c47e47b8ee65263b6784b86fa0a7-52baf7e648cbb87f360039dd6c3920b9f0db3aaa" title="settings.gradle">settings.gradle</a></span>
      </td>
      <td class="message">
        <span class="css-truncate css-truncate-target ">
          <a href="https://github.com/eluleci/FlatUI/commit/51dda9ffff5ac79f435a30b02baf92d60f65f80e" class="message" data-pjax="true" title="Migration to gradle">Migration to gradle</a>
        </span>
      </td>
      <td class="age">
        <span class="css-truncate css-truncate-target"><time datetime="2014-01-23T13:28:53Z" is="time-ago" title="2014年1月23日 下午9:28 格林尼治标准时间+0800">5 months ago</time></span>
      </td>
    </tr>
</tbody>

    </table>
  </div>


  <div id="readme" class="clearfix announce instapaper_body md">
    <span class="name">
      <span class="octicon octicon-book"></span>
      README.md
    </span>

    <article class="markdown-body entry-content" itemprop="mainContentOfPage"><h1>
<a name="user-content-android-flatui" class="anchor" href="https://github.com/eluleci/FlatUI#android-flatui" aria-hidden="true"><span class="octicon octicon-link"></span></a>Android FlatUI</h1>

<p>FlatUI is a library that lets you use native android widgets with a better and customized look.</p>

<p>You can define the widgets in XML or create on run time in JAVA. Even though the widgets are customized, you can create your styles with attributes.</p>

<p>There are many predefined themes inside this library but you can also use your own colors easily.</p>

<p>!!! There may be some unexpected results with different screen resolutions and different Android versions. If you have some problems or solutions to those problems please let me know.</p>

<h2>
<a name="user-content-features-included" class="anchor" href="https://github.com/eluleci/FlatUI#features-included" aria-hidden="true"><span class="octicon octicon-link"></span></a>Features included</h2>

<ul class="task-list">
<li>Creating widgets inside XML.</li>
<li>Creating widgets inside JAVA.</li>
<li>Using existing and custom themes.</li>
<li>Using existing and custom fonts.</li>
<li>Changing theme and attributes at runtime.</li>
<li>Changing ActionBar theme.</li>
</ul><h2>
<a name="user-content-widgets" class="anchor" href="https://github.com/eluleci/FlatUI#widgets" aria-hidden="true"><span class="octicon octicon-link"></span></a>Widgets</h2>

<p><a href="./网页FlatUI · GitHub_files/68747470733a2f2f7261772e6769746875622e636f6d2f656c756c6563692f466c617455492f6d61737465722f73616d706c652d696d616765732f73686f77636173652e706e67" target="_blank"><img src="./网页FlatUI · GitHub_files/68747470733a2f2f7261772e6769746875622e636f6d2f656c756c6563692f466c617455492f6d61737465722f73616d706c652d696d616765732f73686f77636173652e706e67" alt="Themes" data-canonical-src="https://raw.github.com/eluleci/FlatUI/master/sample-images/showcase.png" style="max-width:100%;"></a></p>

<h2>
<a name="user-content-themes" class="anchor" href="https://github.com/eluleci/FlatUI#themes" aria-hidden="true"><span class="octicon octicon-link"></span></a>Themes</h2>

<p><a href="./网页FlatUI · GitHub_files/68747470733a2f2f7261772e6769746875622e636f6d2f656c756c6563692f466c617455492f6d61737465722f73616d706c652d696d616765732f7468656d65732e706e67" target="_blank"><img src="./网页FlatUI · GitHub_files/68747470733a2f2f7261772e6769746875622e636f6d2f656c756c6563692f466c617455492f6d61737465722f73616d706c652d696d616765732f7468656d65732e706e67" alt="Themes" data-canonical-src="https://raw.github.com/eluleci/FlatUI/master/sample-images/themes.png" style="max-width:100%;"></a></p>

<h2>
<a name="user-content-including-into-your-project" class="anchor" href="https://github.com/eluleci/FlatUI#including-into-your-project" aria-hidden="true"><span class="octicon octicon-link"></span></a>Including into your project</h2>

<p>You just need to add the following dependency to your <code>build.gradle</code>.</p>

<pre><code>dependencies {
    compile 'com.github.eluleci:flatui:2.0.1'
}
</code></pre>

<h2>
<a name="user-content-main-java-functions" class="anchor" href="https://github.com/eluleci/FlatUI#main-java-functions" aria-hidden="true"><span class="octicon octicon-link"></span></a>Main Java functions</h2>

<div class="highlight highlight-java"><pre><span class="c1">// Converts the default values (radius, size, border) to dp to be compatible with different</span>
<span class="c1">// screen sizes. If you skip this there may be problem with different screen densities</span>
<span class="n">FlatUI</span><span class="o">.</span><span class="na">initDefaultValues</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>

<span class="c1">// Setting default theme to avoid to add the attribute "theme" to XML </span>
<span class="c1">// and to be able to change the whole theme at once</span>
<span class="n">FlatUI</span><span class="o">.</span><span class="na">setDefaultTheme</span><span class="o">(</span><span class="n">FlatUI</span><span class="o">.</span><span class="na">DEEP</span><span class="o">);</span>
<span class="n">FlatUI</span><span class="o">.</span><span class="na">setDefaultTheme</span><span class="o">(</span><span class="n">R</span><span class="o">.</span><span class="na">array</span><span class="o">.</span><span class="na">my_custom_theme</span><span class="o">);</span>    <span class="c1">// for using custom theme as default</span>

<span class="c1">// Getting action bar drawable and setting it.</span>
<span class="c1">// Sometimes weird problems may occur while changing action bar drawable at runtime.</span>
<span class="c1">// You can try to set title of the action bar to invalidate it after setting background.</span>
<span class="n">getActionBar</span><span class="o">().</span><span class="na">setBackgroundDrawable</span><span class="o">(</span><span class="n">FlatUI</span><span class="o">.</span><span class="na">getActionBarDrawable</span><span class="o">(</span><span class="n">FlatUI</span><span class="o">.</span><span class="na">DEEP</span><span class="o">,</span> <span class="kc">false</span><span class="o">));</span>
<span class="n">getSupportActionBar</span><span class="o">().</span><span class="na">setBackgroundDrawable</span><span class="o">(</span><span class="n">FlatUI</span><span class="o">.</span><span class="na">getActionBarDrawable</span><span class="o">(</span><span class="n">FlatUI</span><span class="o">.</span><span class="na">DEEP</span><span class="o">,</span> <span class="kc">false</span><span class="o">));</span>

</pre></div>

<h2>
<a name="user-content-using-custom-colors" class="anchor" href="https://github.com/eluleci/FlatUI#using-custom-colors" aria-hidden="true"><span class="octicon octicon-link"></span></a>Using custom colors</h2>

<p>You can use your own colors in two ways.</p>

<p>1 - Creating color array in xml and referencing it.</p>

<div class="highlight highlight-xml"><pre><span class="c">&lt;!-- CREATE A COLOR ARRAY IN COLORS XML --&gt;</span>
<span class="nt">&lt;color</span> <span class="na">name=</span><span class="s">"custom_theme_darker"</span><span class="nt">&gt;</span>#ad843d<span class="nt">&lt;/color&gt;</span>
<span class="nt">&lt;color</span> <span class="na">name=</span><span class="s">"custom_theme_dark"</span><span class="nt">&gt;</span>#d4a14a<span class="nt">&lt;/color&gt;</span>
<span class="nt">&lt;color</span> <span class="na">name=</span><span class="s">"custom_theme_primary"</span><span class="nt">&gt;</span>#fbbf58<span class="nt">&lt;/color&gt;</span>
<span class="nt">&lt;color</span> <span class="na">name=</span><span class="s">"custom_theme_light"</span><span class="nt">&gt;</span>#fae8c8<span class="nt">&lt;/color&gt;</span>

<span class="nt">&lt;integer-array</span> <span class="na">name=</span><span class="s">"custom_theme"</span><span class="nt">&gt;</span>
    <span class="nt">&lt;item&gt;</span>@color/custom_theme_darker<span class="nt">&lt;/item&gt;</span> <span class="c">&lt;!-- really much darker color of main color --&gt;</span>
    <span class="nt">&lt;item&gt;</span>@color/custom_theme_dark<span class="nt">&lt;/item&gt;</span> <span class="c">&lt;!-- a bit darker color of your main color --&gt;</span>
    <span class="nt">&lt;item&gt;</span>@color/custom_theme_primary<span class="nt">&lt;/item&gt;</span> <span class="c">&lt;!-- main color of your theme --&gt;</span>
    <span class="nt">&lt;item&gt;</span>@color/custom_theme_light<span class="nt">&lt;/item&gt;</span> <span class="c">&lt;!-- really much lighter color of main color --&gt;</span>
<span class="nt">&lt;/integer-array&gt;</span>

<span class="c">&lt;!-- REFERENCE THE ARRAY IN LAYOUT FILE --&gt;</span>
<span class="nt">&lt;com.cengalabs.flatui.views.FlatButton</span>
    <span class="err">...</span>
    <span class="na">flatui:theme=</span><span class="s">"@array/custom_theme"</span> <span class="nt">/&gt;</span>

</pre></div>

<p>2 - Creating color array in java and setting it</p>

<div class="highlight highlight-java"><pre><span class="kt">int</span><span class="o">[]</span> <span class="n">myColors</span> <span class="o">=</span> <span class="o">{</span><span class="n">Color</span><span class="o">.</span><span class="na">RED</span><span class="o">,</span> <span class="n">Color</span><span class="o">.</span><span class="na">BLUE</span><span class="o">,</span> <span class="n">Color</span><span class="o">.</span><span class="na">GREEN</span><span class="o">,</span> <span class="n">Color</span><span class="o">.</span><span class="na">BLACK</span><span class="o">};</span>

<span class="o">((</span><span class="n">FlatSeekBar</span><span class="o">)</span> <span class="n">findViewById</span><span class="o">(</span><span class="n">R</span><span class="o">.</span><span class="na">id</span><span class="o">.</span><span class="na">seekbar</span><span class="o">)).</span><span class="na">getAttributes</span><span class="o">().</span><span class="na">setColors</span><span class="o">(</span><span class="n">myColors</span><span class="o">);</span>

</pre></div>

<h2>
<a name="user-content-using-custom-fonts" class="anchor" href="https://github.com/eluleci/FlatUI#using-custom-fonts" aria-hidden="true"><span class="octicon octicon-link"></span></a>Using custom fonts</h2>

<p>Roboto and Open Sans are already included to the library but you can use any font with Android FlatUI.
Place your font file in assets/fonts/ folder of your project and use fontFamily and fontWeight attributes to your view.
 Your font file's name should be formatted like 'fontname_fontweight.ttf'.
 It is important to name the font file in correct way otherwise the font cannot be created.
 If your font file is .otf you can use the 'fontExtension' attribute for it.</p>

<div class="highlight highlight-xml"><pre><span class="c">&lt;!-- default values of the font. no need to use extension if it is already ttf --&gt;</span>
<span class="c">&lt;!-- all the weights of the roboto and open sans are already included --&gt;</span>
<span class="nt">&lt;com.cengalabs.flatui.views.FlatTextView</span>
     <span class="err">...</span>
     <span class="na">flatui:fontFamily=</span><span class="s">"roboto"</span>
     <span class="na">flatui:fontWeight=</span><span class="s">"light"</span>
     <span class="na">flatui:fontExtension=</span><span class="s">"ttf"</span><span class="nt">/&gt;</span>

</pre></div>

<h2>
<a name="user-content-attribute-list" class="anchor" href="https://github.com/eluleci/FlatUI#attribute-list" aria-hidden="true"><span class="octicon octicon-link"></span></a>Attribute list</h2>

<p>These are only common attributes for most of the views. You can see the full list of available attributes in <a href="https://github.com/eluleci/FlatUI/blob/master/library/src/main/res/values/attrs.xml">attrs.xml</a></p>

<ul class="task-list">
<li><p>theme          :  theme of the element (reference: @array/themeName)</p></li>
<li><p>textAppearance :  text color on the element. dark or light colors of the theme.(none, dark, light)</p></li>
<li>fontFamily     :  name of the font family (string)</li>
<li>fontWeight     :  font weight of the text (string) (extralight, light, regular, bold, extrabold)</li>
<li><p>fontExtension  :  extension of the font. use if not ttf (string)</p></li>
<li><p>borderWidth    :  border width of the element. (dimension)</p></li>
<li>cornerRadius   :  corner radius of the element. (dimension)</li>
<li>size           :  size of the element. (dimension)</li>
</ul><h2>
<a name="user-content-samples" class="anchor" href="https://github.com/eluleci/FlatUI#samples" aria-hidden="true"><span class="octicon octicon-link"></span></a>Samples</h2>

<p>Only showing specific attributes for views.</p>

<div class="highlight highlight-xml"><pre><span class="c">&lt;!-- Add this line to the root element of the layout --&gt;</span>
xmlns:flatui="http://schemas.android.com/apk/res-auto"

<span class="c">&lt;!-- General Attributes --&gt;</span>
<span class="nt">&lt;com.cengalabs.flatui.views.SomeFlatView</span>
    <span class="err">...</span>
    <span class="na">flatui:theme=</span><span class="s">"@array/sand"</span>
    <span class="na">flatui:textAppearance=</span><span class="s">"dark"</span>
    <span class="na">flatui:fontFamily=</span><span class="s">"roboto"</span>
    <span class="na">flatui:fontWeight=</span><span class="s">"light"</span>
    <span class="na">flatui:fontExtension=</span><span class="s">"ttf"</span>
    <span class="na">flatui:borderWidth=</span><span class="s">"2dp"</span>
    <span class="na">flatui:cornerRadius=</span><span class="s">"5dp"</span>
    <span class="na">flatui:size=</span><span class="s">"20dp"</span> <span class="nt">/&gt;</span>


<span class="c">&lt;!-- FlatTextView --&gt;</span>
<span class="nt">&lt;com.cengalabs.flatui.views.FlatTextView</span>
    <span class="err">...</span>
    <span class="na">flatui:textColor=</span><span class="s">"main"</span>
    <span class="na">flatui:backgroundColor=</span><span class="s">"darker"</span>
    <span class="na">flatui:customBackgroundColor=</span><span class="s">"#00aff0"</span> <span class="nt">/&gt;</span>


<span class="c">&lt;!-- FlatEditText --&gt;</span>
<span class="nt">&lt;com.cengalabs.flatui.views.FlatEditText</span>
    <span class="err">...</span>
    <span class="na">flatui:fieldStyle=</span><span class="s">"flat"</span> <span class="nt">/&gt;</span>


<span class="c">&lt;!-- FlatSeekBar --&gt;</span>
<span class="c">&lt;!-- has no special attribute --&gt;</span>
<span class="nt">&lt;com.cengalabs.flatui.views.FlatSeekBar</span>
    <span class="err">...</span>
    <span class="nt">/&gt;</span>


<span class="c">&lt;!-- FlatButton --&gt;</span>
<span class="nt">&lt;com.cengalabs.flatui.views.FlatButton</span>
    <span class="err">...</span>
    <span class="na">flatui:blockButtonEffectHeight=</span><span class="s">"3dp"</span> <span class="nt">/&gt;</span>


<span class="c">&lt;!-- FlatCheckBox --&gt;</span>
<span class="nt">&lt;com.cengalabs.flatui.views.FlatCheckBox</span>
    <span class="err">...</span>
    <span class="na">flatui:dotMargin=</span><span class="s">"5dip"</span> <span class="nt">/&gt;</span>


<span class="c">&lt;!-- FlatRadioButton --&gt;</span>
<span class="nt">&lt;com.cengalabs.flatui.views.FlatRadioButton</span>
    <span class="err">...</span>
    <span class="na">flatui:dotMargin=</span><span class="s">"5dip"</span> <span class="nt">/&gt;</span>


<span class="c">&lt;!-- FlatToggleButton --&gt;</span>
<span class="c">&lt;!-- You can create different looks by playing with height, width, size, radius and space --&gt;</span>
<span class="nt">&lt;com.cengalabs.flatui.views.FlatToggleButton</span>
    <span class="err">...</span>
    <span class="na">flatui:space=</span><span class="s">"5dip"</span> <span class="nt">/&gt;</span>


</pre></div>

<h2>
<a name="user-content-license" class="anchor" href="https://github.com/eluleci/FlatUI#license" aria-hidden="true"><span class="octicon octicon-link"></span></a>License</h2>

<pre><code>Copyright 2014 CengaLabs.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
</code></pre></article>
  </div>


        </div>

      </div><!-- /.repo-container -->
      <div class="modal-backdrop"></div>
    </div><!-- /.container -->
  </div><!-- /.site -->


    </div><!-- /.wrapper -->

      <div class="container">
  <div class="site-footer">
    <ul class="site-footer-links right">
      <li><a href="https://status.github.com/">Status</a></li>
      <li><a href="http://developer.github.com/">API</a></li>
      <li><a href="http://training.github.com/">Training</a></li>
      <li><a href="http://shop.github.com/">Shop</a></li>
      <li><a href="https://github.com/blog">Blog</a></li>
      <li><a href="https://github.com/about">About</a></li>

    </ul>

    <a href="https://github.com/">
      <span class="mega-octicon octicon-mark-github" title="GitHub"></span>
    </a>

    <ul class="site-footer-links">
      <li>© 2014 <span title="0.03492s from github-fe128-cp1-prd.iad.github.net">GitHub</span>, Inc.</li>
        <li><a href="https://github.com/site/terms">Terms</a></li>
        <li><a href="https://github.com/site/privacy">Privacy</a></li>
        <li><a href="https://github.com/security">Security</a></li>
        <li><a href="https://github.com/contact">Contact</a></li>
    </ul>
  </div><!-- /.site-footer -->
</div><!-- /.container -->


    <div class="fullscreen-overlay js-fullscreen-overlay" id="fullscreen_overlay">
  <div class="fullscreen-container js-fullscreen-container">
    <div class="textarea-wrap">
      <textarea name="fullscreen-contents" id="fullscreen-contents" class="fullscreen-contents js-fullscreen-contents" placeholder="" data-suggester="fullscreen_suggester"></textarea>
    </div>
  </div>
  <div class="fullscreen-sidebar">
    <a href="https://github.com/eluleci/FlatUI#" class="exit-fullscreen js-exit-fullscreen tooltipped tooltipped-w" aria-label="Exit Zen Mode">
      <span class="mega-octicon octicon-screen-normal"></span>
    </a>
    <a href="https://github.com/eluleci/FlatUI#" class="theme-switcher js-theme-switcher tooltipped tooltipped-w" aria-label="Switch themes">
      <span class="octicon octicon-color-mode"></span>
    </a>
  </div>
</div>



    <div id="ajax-error-message" class="flash flash-error">
      <span class="octicon octicon-alert"></span>
      <a href="https://github.com/eluleci/FlatUI#" class="octicon octicon-x close js-ajax-error-dismiss" aria-label="Dismiss error"></a>
      Something went wrong with that request. Please try again.
    </div>


      <script crossorigin="anonymous" src="./网页FlatUI · GitHub_files/frameworks-51e3b077e56f2f3244290e430b8d05253607065b.js" type="text/javascript"></script>
      <script async="async" crossorigin="anonymous" src="./网页FlatUI · GitHub_files/github-f0da153bb5173d6ed368797c1948a5e1f749d9c6.js" type="text/javascript"></script>
      
      
        <script async="" src="./网页FlatUI · GitHub_files/analytics.js"></script>
  


<div id="global-zeroclipboard-html-bridge" class="global-zeroclipboard-container" style="position: absolute; left: 920.5px; top: 329px; width: 14px; height: 16px; z-index: 999999999;" aria-label="copy to clipboard">      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="global-zeroclipboard-flash-bridge" width="100%" height="100%">         <param name="movie" value="https://assets-cdn.github.com/flash/ZeroClipboard.v1.3.2.swf">         <param name="allowScriptAccess" value="always">         <param name="scale" value="exactfit">         <param name="loop" value="false">         <param name="menu" value="false">         <param name="quality" value="best">         <param name="bgcolor" value="#ffffff">         <param name="wmode" value="transparent">         <param name="flashvars" value="trustedOrigins=github.com%2C%2F%2Fgithub.com%2Chttps%3A%2F%2Fgithub.com%2Cgithub.com%2C%2F%2Fgithub.com%2Chttps%3A%2F%2Fgithub.com">         <embed src="https://assets-cdn.github.com/flash/ZeroClipboard.v1.3.2.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="100%" height="100%" name="global-zeroclipboard-flash-bridge" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="trustedOrigins=github.com%2C%2F%2Fgithub.com%2Chttps%3A%2F%2Fgithub.com%2Cgithub.com%2C%2F%2Fgithub.com%2Chttps%3A%2F%2Fgithub.com" scale="exactfit">                </object></div><div id="translatecontainer" style="position: absolute; z-index: 10000; left: 418px; top: 460px;"></div></body></html>